<template>
  <div class="wrap">
    <h1>less 转义 Escaping2 </h1>
  </div>
</template>

<script>
export default {
  name: 'Escaping',
  props: {

  }
}

/*
  less 转义，规定 使用 ~"something" 或者 ~'something' 形式的内容 something 都将按照原来的样式进行显示
  例如： @font-size: ~"30px";
*/
</script>


<style lang="less" scoped>
  @font-size: ~"30px";
  .wrap{
      color: blue;
      font-size: @font-size;
  }

</style>
